<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-midnightblue">
            	<div class="panel-body">
            		<!--http://www.jquery-steps.com/Examples#manipulation-->
            		<div class="row">
            			<div id="example-tabs">
						    <h3>期限卡</h3>
						   	 <section>
						   	 	<form action="" class="form-horizontal row-fluid validate-form"  data-validate="parsley" id="validate-form-1">
							        <div class="row">
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >卡种名称(*):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text"  name="card_name" data-required="true" data-minlength="2" class="form-control">
					                    		</div>
					                    	</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >有效天数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="1"  name="expiry_date" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>	
			        					</div>
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >售价(元):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text" data-min="0.01"   name="price" data-required="true" data-type="money" value="0" class="form-control">
					                    		</div>
					                    		</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >描述:</label>
						                    		<div class="col-sm-9">
						                    			<textarea rows="3"  name="descs" placeholder="请填写卡种描述"  class="form-control"></textarea>
						                    		</div>
						                    </div>	
			        					</div>
			        				</div>
			        				
			        				<input type="hidden" name="card_type"  value="2"/>
			        				
			        				<div class="panel-footer">
						                <div class="row">
						                    <div class="col-sm-6 col-sm-offset-5">
						                        <div class="btn-toolbar">
						                            <div class="row">
								                		 <div class="form-group">
								                    		<div class="col-sm-3">
								                    			 <div class="btn-primary btn  card-form-submit" data-step="1">提交</div>
								                    		</div>
								                    		<div class="col-sm-3">
								                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
								                    		</div>
								                   		 </div>
						                			</div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						   		</form>
						   	 </section>
						    <h3>次卡</h3>
						    <section>
						        <form action="" class="form-horizontal row-fluid validate-form"  data-validate="parsley" id="validate-form-2">
							        <div class="row">
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >卡种名称(*):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text"  name="card_name" data-required="true" data-minlength="2" class="form-control">
					                    		</div>
					                    	</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >有效天数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="1"  name="expiry_date" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>	
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >次数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="1"  name="able_count" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>
			        					</div>
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >售价(元):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text" data-min="0.01"  name="price" data-required="true" data-type="money" value="0" class="form-control">
					                    		</div>
					                    		</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >描述:</label>
						                    		<div class="col-sm-9">
						                    			<textarea rows="3"  name="descs" placeholder="请填写卡种描述"  class="form-control"></textarea>
						                    		</div>
						                    </div>	
			        					</div>
			        				</div>
			        				
			        				<input type="hidden" name="card_type"  value="1"/>
			        				
			        				<div class="panel-footer">
						                <div class="row">
						                    <div class="col-sm-6 col-sm-offset-5">
						                        <div class="btn-toolbar">
						                            <div class="row">
								                		 <div class="form-group">
								                    		<div class="col-sm-3">
								                    			 <div class="btn-primary btn  card-form-submit" data-step="2">提交</div>
								                    		</div>
								                    		<div class="col-sm-3">
								                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
								                    		</div>
								                   		 </div>
						                			</div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						   		</form>
						    </section>
						    <h3>储值卡</h3>
						    <section>
						    	<form action="" class="form-horizontal row-fluid validate-form"  data-validate="parsley" id="validate-form-3">
							        <div class="row">
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >卡种名称(*):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text"  name="card_name" data-required="true" data-minlength="2" class="form-control">
					                    		</div>
					                    	</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >有效天数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="1"  name="expiry_date" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>	
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >金额:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="0.01"  name="able_money" data-required="true" value="0"   data-type="money"  class="form-control">
						                    		</div>
						                    </div>
			        					</div>
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >售价(元):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text" data-min="0.01"   name="price" data-required="true" data-type="money" value="0" class="form-control">
					                    		</div>
					                    		</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >描述:</label>
						                    		<div class="col-sm-9">
						                    			<textarea rows="3"  name="descs" placeholder="请填写卡种描述"  class="form-control"></textarea>
						                    		</div>
						                    </div>	
			        					</div>
			        				</div>
			        				
			        				<input type="hidden" name="card_type"  value="3"/>
			        				
			        				<div class="panel-footer">
						                <div class="row">
						                    <div class="col-sm-6 col-sm-offset-5">
						                        <div class="btn-toolbar">
						                            <div class="row">
								                		 <div class="form-group">
								                    		<div class="col-sm-3">
								                    			 <div class="btn-primary btn  card-form-submit" data-step="3">提交</div>
								                    		</div>
								                    		<div class="col-sm-3">
								                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
								                    		</div>
								                   		 </div>
						                			</div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						   		</form>
						    	
						    </section>
						    <h3>错峰卡</h3>
						    <section>
						   	 	<form action="" class="form-horizontal row-fluid validate-form"  data-validate="parsley" id="validate-form-4">
							        <div class="row">
			        					<div class="col-sm-12">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >卡种名称(*):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text"  name="card_name" data-required="true" data-minlength="2" class="form-control">
					                    		</div>
					                    	</div>
			        					</div>
			        					<div class="col-sm-12">
			        						<div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >有效天数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number" data-min="1"  name="expiry_date" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>	
			        					</div>
			        					<div class="col-sm-12">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >售价(元):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text" data-min="0.01"   name="price" data-required="true" data-type="money" value="0" class="form-control">
					                    		</div>
					                    		</div>
			        					</div>
			        					<div class="col-sm-12">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >错峰段:</label>
					                    		<div class="col-sm-4">
					                    			<div class="col-sm-6">
					                    				<input type="text" required="required" value="00:00"  id="time_1" class="form-control alarm" />
					                    			</div>
						                    		<div class="col-sm-6">
						                    			<input type="text" required="required" value="17:00"  id="time_2" class="form-control alarm" />
						                    		</div>
					                    		</div>
					                    		<div class="col-sm-4">
					                    			<div class="col-sm-6">
					                    				<input type="text" required="required" value="20:00"  id="time_3" class="form-control alarm" />
					                    			</div>
						                    		<div class="col-sm-6">
						                    			<input type="text" required="required" value="23:00"  id="time_4" class="form-control alarm" />
						                    		</div>
					                    		</div>
					                    		</div>
			        					</div>
			        					<div class="col-sm-12">
			        						<div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >描述:</label>
						                    		<div class="col-sm-9">
						                    			<textarea rows="3"  name="descs" placeholder="请填写卡种描述"  class="form-control"></textarea>
						                    		</div>
						                    </div>	
			        					</div>
			        				</div>
			        				
			        				<input type="hidden" name="card_type"  value="4"/>
			        				<input type="hidden" name="time_sets" id="time_sets"  value=""/>
			        				<div class="panel-footer">
						                <div class="row">
						                    <div class="col-sm-6 col-sm-offset-5">
						                        <div class="btn-toolbar">
						                            <div class="row">
								                		 <div class="form-group">
								                    		<div class="col-sm-3">
								                    			 <div class="btn-primary btn  card-form-submit" data-step="4">提交</div>
								                    		</div>
								                    		<div class="col-sm-3">
								                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
								                    		</div>
								                   		 </div>
						                			</div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						   		</form>
						   	 </section>
						    <!--<h3>体验卡</h3>
						    <section >
						        <form action="" class="form-horizontal row-fluid validate-form"  data-validate="parsley" id="validate-form-4">
							        <div class="row">
			        					<div class="col-sm-6">
			        						<div class="form-group">
					                    		<label class="col-sm-3 control-label has-error" >卡种名称(*):</label>
					                    		<div class="col-sm-9">
					                    			<input type="text"  name="card_name" data-required="true" data-minlength="2" class="form-control">
					                    		</div>
					                    	</div>
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >有效天数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number"  name="expiry_date" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>	
			        					</div>
			        					<div class="col-sm-6">
			        						<div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >可用次数:</label>
						                    		<div class="col-sm-9">
						                    			<input type="number"  name="able_count" data-required="true" value="0"   data-type="digits"  class="form-control">
						                    		</div>
						                    </div>
			        						
						                    <div class="form-group p-b-xxs">
						                    		<label class="col-sm-3 control-label" >描述:</label>
						                    		<div class="col-sm-9">
						                    			<textarea rows="3"  name="descs" placeholder="请填写卡种描述"  class="form-control"></textarea>
						                    		</div>
						                    </div>	
			        					</div>
			        				</div>
			        				
			        				<input type="hidden" name="card_type"  value="4"/>
			        				
			        				<div class="panel-footer">
						                <div class="row">
						                    <div class="col-sm-6 col-sm-offset-5">
						                        <div class="btn-toolbar">
						                            <div class="row">
								                		 <div class="form-group">
								                    		<div class="col-sm-3">
								                    			 <div class="btn-primary btn  card-form-submit" data-step="4">提交</div>
								                    		</div>
								                    		<div class="col-sm-3">
								                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
								                    		</div>
								                   		 </div>
						                			</div>
						                        </div>
						                    </div>
						                </div>
						            </div>
						   		</form>
						    </section>-->
						</div>
            		</div>
					
           		</div>
        </div>
    </div>
</div>
<script type='text/javascript' src='{$Think.GYM_VIEW_JS}gym_card/add.js'></script>